<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/Top-jump.css">
</head>
<body>
    <div class="main-box">
        <!-- 头部区域 -->
        <header>
            <div class="wpr">
                <section class="logo">
                    <a href="#" title="返回首页" onclick="homepage()">
                        <img src="./img/icon.png" alt="">
                        <div class="right">
                            <h3>熊猫优选</h3>
                            <span>XIONG MAO YOU XUAN</span>
                        </div>
                    </a>
                </section>
                <section class="wpr_seh">
                    <div class="sch">
                        <input type="text" placeholder="收索商品，发现跟多优惠">
                        <div class="btn">收索</div>
                    </div>
                </section>
                <section class="ate">
                    <ul>
                        <li>
                            <img src="./img/logo1.png" alt="">
                            <span>全程包邮</span>
                        </li>
                        <li>
                            <img src="./img/logo2.png" alt="">
                            <span>7天退货</span>
                        </li>
                        <li>
                            <img src="./img/logo3.png" alt="">
                            <span>品质保证</span>
                        </li>
                    </ul>
                </section>
            </div>
        </header>
        <!-- 导航栏区域 -->
        <div class="tab">
            <ul>
                <li onclick="homepage()">首页</li>
                <li class="bn"  >9块9包邮</li>
                <li onclick="supplemental3()">超值大额卷</li>
                <li onclick="supplemental4()">夏季女装上新</li>
            </ul>
        </div>
        <!-- 主要内容区域 -->
        <div class="min_box">
            <div class="bnr">
                <script src="" type="text/html" id="daoHang1">
                    <div class="bnr-a">{{carts.name}}</div>
                </script>
                
            </div>
            <div class="nav">
                <ul class="sub">
                    <!-- <li class="mg">精选</li>
                    <li>美妆护肤</li>
                    <li>服装配饰</li>
                    <li>手机数码</li>
                    <li>日用家居</li>
                    <li>文娱体育</li>
                    <li>食品</li>
                    <li>个人护理</li> -->
                    <script src="" type="text/html" id="daoHang">
                        {{each cart}}
                        <li class="" onclick="onRender(this,{{cart[$index].id}})">{{$value.name}}</li>
                        
                        {{/each}}
                        
                        </script>
                </ul>
            </div>
            <!-- 商品数据渲染 -->
            <section class="cie">
                <ul class="cie_a1">
                    <!-- <li class="cie_a1-a">
                        <img src="./img/O1CN012kA7F61iSHjN3NXoQ_!!0-item_pic.jpg" alt="">
                        <div class="cie-a">
                            <div class="cie-a-a">粉底液遮瑕保湿持久</div>
                            <div class="cie-a-b">
                                <span class="cie-aa">天猫</span>
                                <span class="cie-ab">大额卷</span>
                                <span class="cie-ac">包邮</span>
                            </div>
                            <div class="cie-a-c">
                                <div class="left">
                                    <span class="cie-pic">
                                        <span class="cie-ba">￥</span>
                                        <span class="cie-bb">8</span>
                                        <span class="ice-bc">.9</span>
                                    </span>
                                    <span class="cie-num">3.3万人已买</span>
                                    <span class="cie-val">50元卷</span>
                                </div>

                            </div>
                        </div>
                    </li> -->
                    <script type="text/html" id="prods">
                        {{each cert}}
                            <li class="cie_a1-a" onclick="addCart({{$value.id}})">
                                <img src="{{$value.image}}" alt="">
                                <div class="cie-a">
                                    <div class="cie-a-a">{{$value.title}}</div>
                                    <div class="cie-a-b">
                                        <span class="cie-aa">天猫</span>
                                        <!-- <span class="cie-ab">大额卷</span> -->
                                        <span class="cie-ac">包邮</span>
                                    </div>
                                    <div class="cie-a-c">
                                        <div class="left">
                                            <span class="cie-pic">
                                                <span class="cie-ba">￥</span>
                                                <span class="cie-bb">{{$value.price}}</span>
                                                <!-- <span class="ice-bc">{{$value.price}}</span> -->
                                            </span>
                                            <span class="cie-num">{{$value.saleNum}}万人已买</span>
                                            <span class="cie-val">{{$value.couponValue}}</span>
                                        </div>

                                    </div>
                                </div>
                            </li>
                        {{/each}}
                    </script>
                </ul>
                <div class="cie-more">
                    <div class="cie-more-btn" onclick="onView()">查看更多</div>
                </div>
            </section>
        </div>
        <!-- 返回顶部区域 -->
        <div class="D-top">
            <img src="./img/top.png" alt="">
        </div>
        <!-- 页脚 -->
        <footer>
            <div class="ctr">
                <img src="./img/icon.png" alt="">
                <div class="ctr-a">
                    <h1>熊猫优选</h1>
                    <p class="sgn">
                        年轻人网购首选
                        <br />
                        购物领卷更省钱
                    </p>
                </div>
                <div class="ctr-b">
                    <p class="me">
                        <span>|</span>
                        <a href="#">下载App</a>
                    </p>
                </div>
                <div class="ctr-c">
                    <img src="./img/policeIcon.png" alt="">
                    <p class="ms">
                        <span>浙公安网备案 33010602009949号 | </span>
                        ICP备案号：
                        <a href="#">ICP备案号: 浙ICP备17012864号-1</a>
                        |
                    </p>
                    <img src="./img/license.png" alt="">
                    <p class="ms">证照信息</p>
                </div>
            </div>
        </footer>
        <div class="fter">
            <img src="./img/aqkx_83x30.png" alt="">
        </div>

    </div>
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/template-web.js"></script>
    <script src="./js/cart1.js"></script>
    <script type="text/html" id="prot">
        {{each cert}}
            <li class="cie_a1-a" onclick="addCart({{$value.id}})">
                <img src="{{$value.image}}" alt="">
                <div class="cie-a">
                    <div class="cie-a-a">{{$value.title}}</div>
                    <div class="cie-a-b">
                        <span class="cie-aa">天猫</span>
                        <!-- <span class="cie-ab">大额卷</span> -->
                        <span class="cie-ac">包邮</span>
                    </div>
                    <div class="cie-a-c">
                        <div class="left">
                            <span class="cie-pic">
                                <span class="cie-ba">￥</span>
                                <span class="cie-bb">{{$value.price}}</span>
                                <!-- <span class="ice-bc">{{$value.price}}</span> -->
                            </span>
                            <span class="cie-num">{{$value.saleNum}}万人已买</span>
                            <span class="cie-val">{{$value.couponValue}}</span>
                        </div>

                    </div>
                </div>
            </li>
        {{/each}}
    </script>
</body>
</html>